@font-face { font-family: "FontB"; src: url("../fonts/poppins-bold.eot") format("eot"), url("../fonts/poppins-bold.woff") format("woff"), url("../fonts/poppins-bold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "FontL"; src: url("../fonts/poppins-light.eot") format("eot"), url("../fonts/poppins-light.woff") format("woff"), url("../fonts/poppins-light.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "FontM"; src: url("../fonts/poppins-medium.eot") format("eot"), url("../fonts/poppins-medium.woff") format("woff"), url("../fonts/poppins-medium.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "FontR"; src: url("../fonts/poppins-regular.eot") format("eot"), url("../fonts/poppins-regular.woff") format("woff"), url("../fonts/poppins-regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Font2L"; src: url("../fonts/poppins-light.eot") format("eot"), url("../fonts/poppins-light.woff") format("woff"), url("../fonts/poppins-light.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Font2R"; src: url("../fonts/poppins-regular.eot") format("eot"), url("../fonts/poppins-regular.woff") format("woff"), url("../fonts/poppins-regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Font2B"; src: url("../fonts/poppins-bold.eot") format("eot"), url("../fonts/poppins-bold.woff") format("woff"), url("../fonts/poppins-bold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
.width_100 { width:100%;}
/* */
.startheaderbg { background:url('https://caseable.de/content/1/images/2023-04-05/budni_start_header_2.jpg'); background-size:cover; background-position:center center; }
.headerleftimage { background-image: url(https://caseable.de/content/1/images/2023-03-22/budni_start_header_l.jpg); background-size: cover; background-repeat: no-repeat; background-position: right; padding:6% 0px 0px 0px; }
.startheadertextpad { padding:30px 0px 30px 30px; }
.languageSelectionBox { position:absolute;
/*left:0px;*/
top:30px; width:auto; z-index:1000; padding:10px 0px; margin-left: -50px;background-color: #f2f5f7; border: 1px solid #e7e7e7;}
.languageSelectionLinkBox { padding:10px 20px; width:100%; }
.languageSelectionLink { color:#000; font-size: 14px;}
.languageSelectionLink:hover { color:#000; }
.shopSelectionBox {position:absolute; top:30px; width:auto;min-width: 200px; z-index:1000; padding:10px 0px; margin-left: -150px;background-color: #f2f5f7; border: 1px solid #e7e7e7;}
.shopSelectionLinkBox {padding: 0 20px 15px;}
.shopSelectionLinkBox a {display: flex; color: #000;font-size: 14px;}
.shopSelectionLinkBox svg {width: 20px; margin-right: 10px;}
.header-size { padding-top:350px; padding-bottom:350px; }
.start-studio-size { padding-top:300px; padding-bottom:300px; }
/* */
/* */
*:focus { outline: none; }
body { background-color: #FEFEFE; color: #000000; font-family: "Font2R"; font-size:16px; line-height: 23px; }
.container { /*max-width:1280px !important;*/ }
.containerSmall { /*max-width: 1280px !important;*/ }
.containerSmall2 { /*max-width: 1070px !important;*/ }
.containerNHome { margin-top: 10px; }
.row { margin-right: 0px !important; margin-left: 0px !important; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 10px; padding-left: 10px; }
.col-padding-on { /*padding-right: 20px !important; padding-left: 20px !important;*/ }
.textimagecontentarea { padding:60px 40px 40px 40px; }
.contentrowroundshadow { box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; background-color: #FFF; }
.contentroundleft { border-radius: 6px 0px 0px 6px; }
.contentroundright { border-radius: 0px 6px 6px 0px; }
.containerContentPage { max-width: 1070px !important; }
.clearall { clear:both; }
.desktopright { float:right; }
.pagesoft { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color: rgba(0,0,0,0.7); z-index:500; }
.personalizecgwindow { position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:10000; background-color:rgba(255,255,255,0.98); display:none; }
/* */
/* */
p { }
h1 { font-family: "FontB"; margin-top: 0px !important; font-size: 36px; color: #000000; }
h2 { font-family: "FontB"; margin: 10px 0px 0px 0px !important; font-size: 20px; color: #000000; }
h3 { font-family: "FontB"; margin-top: 0px !important; font-size: 20px; color: #000000; }
h4 { margin: 10px 0px 10px 0px !important; font-size: 16px; font-weight:600; }
h5 { font-family: "FontR"; margin-top: 0px !important; font-size: 24px; color: #000000; }
h6 { font-family: "FontB"; margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem; color: #000000; }
.h1 { font-family: "FontB"; margin-top: 0px !important; font-size: 36px; color: #000000; }
.h1grpov { font-family: "FontM"; margin-top: 0px !important; font-size: 36px; color: #000000; }
.h2 { font-family: "FontM"; margin: 10px 0px 0px 0px !important; font-size: 36px; color: #000000; }
.h3 { font-family: "FontB"; margin-top: 0px !important; font-size: 20px; color: #000000; }
.h3white { font-family: "FontM"; margin-top: 0px !important; font-size: 36px; color: #000000; text-shadow: 0 0 13px #FFF; }
.h4 { margin: 0px 0px 7px 0px !important; font-size: 16px; font-weight:600; }
.h5 { font-family: "FontR"; margin-top: 0px !important; font-size: 1.5rem; color: #000000; }
.h5w { font-family: "FontR"; margin-top: 0px !important; font-size: 1.5rem; color: #000000; }
.h6 { font-family: "FontB"; margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem; color: #000000; }
.fsize16 { font-size:16px !important; line-height: 26px !important; }
.fsize18 { font-size:18px !important; line-height: 26px !important; }
.fsize20 { font-size:20px !important; line-height: 28px !important; }
.fsize26 { font-size:26px !important; line-height: 32px !important; }
.fsize32 { font-size:32px !important; line-height: 40px !important; }
.fsize36 { font-size:36px !important; line-height: 44px !important; }
.fcolwhite { color:#FFFFFF !important; }
.fcolblack { color:#000000 !important; }
.textwhite { color:#FFFFFF !important; }
.textyellow { color:#FFFFFF !important; }
/* */
/* */
.ecomheader { display:block;background-color: #fff; }
.ecomheadbar { height:50px; }
.ecomnavbar { height:50px; }
.ecomheadermobile { position:fixed; z-index:1000; width:100%; top:0; left:0; right:0; height:50px; /*background-color: #000000; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 9px 0px;*/ }
.ecomheadercompanyname { font-family: "FontR"; text-align:right; padding:27px 15px 27px 0px; color:#FFFFFF; line-height: 0px; vertical-align: middle; }
.ecomheaderpagename { text-align:left; padding:27px 0px 27px 15px; color:#FFFFFF; font-weight:bold; line-height: 0px; }
.mainlogoform { }
.mainlogoimg { max-height:25px !important; }
.whyheaserdesktop { font-family: "FontR"; padding:6px 0px; text-align:center; color:#000000; font-size:16px; vertical-align: middle; }
.searchformdesktop { font-family: "Font2R"; width: 100%; background-color: #EEEEEE; color: #666666; border: 0px; padding:1px 15px 1px 0px; text-align: right; font-size:16px; border-radius:3px; }
.searchformdesktop::placeholder { font-family: "FontL"; font-size:15px; color:#C6C6C6; }
.ecomnavbarsearch { background-color: #000000; z-index: 100; padding:20px; }
.searchformInline { width: 100%; color: #000000; border: 2px solid #000000; padding: 10px 20px; border-radius: 25px; }
.searchformInline::placeholder { font-family: "FontB"; color: #000000; }
.searchProposalResultBox { position:absolute; z-index:1000; background-color: #000000; padding:10px; width:33%; margin-top:3px; box-shadow: 0px 0px 9px -3px #888; border-radius: 6px; }
.searchProposalEntryFirst { font-family: "FontR"; font-size:16px; color:#000000; padding:5px 0 5px 0; }
.searchProposalEntryFirst:hover { color:#666666; }
.searchProposalEntry { font-family: "FontR"; font-size:16px; color:#000000; border-top:2px solid #666666; padding:5px 0 5px 0; }
.searchProposalEntry:hover { color:#666666; }
.searchfieldmobile { font-family: "Font2R"; color:#666666; border: 0px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 9px 0px; }
.searchfieldmobile::placeholder { color:#CCCCCC; }
/* */
/* */
.ecomnavarea { }
.ecomnavareaspacer { height:0px; }
.ecomnavboxmain { background-color: transparent; color: #262e33 !important; font-size: 14px; padding:10px 0px 5px 0px; border-top:0px; border:0px; font-family: "FontM"; }
.ecomnavboxmain:hover { }
.ecomnavboxmainactive { background-color: #000000 !important; color: #EEEEEE !important; font-size: 19px; padding:20px 0px 5px 0px; border-top:0px; border:0px; font-family: "FontM"; }
.ecomnavboxmainactive:hover { }
.ecomnavlinkmain { }
.ecomnavsearchbar { margin-right:0px; }
.ecomnavlink { color: #666666 !important; border-top: 0px solid #FFF; text-decoration: none; }
.ecomnavlinksub { font-family: "FontM"; font-size:15px; line-height: 21px !important; }
.ecomnavboxsub3 { line-height: 0px; padding:0px 0px 0px 10px;}
.ecomnavlink3 { color: #000000 !important; text-decoration: none; }
.ecomnavlinksub3 { font-family: "Font2R"; font-size:12px; line-height: 21px !important; color: #666666 !important; }
.ecomnavlinkfloat { float:right; margin-right: 0px; }
.ecomnavlinkspacer { padding-left:15px; padding-right:15px; }
.ecomnavboxsub { padding:20px 0px 5px 0px; }
.ecomnavsub { position:fixed; overflow:auto; max-height:700px; top:105px; left:7%; right:7%; z-index:1000; background-color: #f2f5f7; border: 1px solid #e7e7e7; margin: 0px auto; padding:10px 80px 50px 80px; box-shadow: rgba(198, 198, 198, 0.4) 0px 10px 12px 5px; }
.ecomnavheadlinebox { margin-bottom: 15px; }
.ecomnavheadline { font-family: "FontM"; margin: 10px 0px 0px 0px !important; font-size: 20px; color: #000000; }
.ecomnavlinkbox { color: #FFFFFF !important; margin:0px; height:100%; padding:0px 0px 0px 0px; cursor: Pointer; }
.ecomnavlinkboxspacer { margin-right:10px; }
.ecomnavlinkboxbold { }
.ecomnavlinkbox:hover { color: #000000 !important; }
.ecomnavlinkboxpink { color: #FFFFFF !important; background-color: #ED806B !important; padding:10px 20px 0px 20px; text-align: center; } /*padding:22px 25px 20px 25px;*/
.ecomnavlinkboxblue { color: #FFFFFF !important; background-color: #000000 !important; padding:10px 20px 0px 20px; text-align: center; } /*padding:22px 25px 20px 25px;*/
.ecomnavlinkboxblue:hover { color: #FFFFFF !important; }
.ecomnavlinkboxtopspace { padding-top:0px; }
.ecomnavlinkboxtexttopspace { padding-top:3px; }
.nav-link { color: #ED806B !important; border-top: 0px solid #FFF; }
.basketEntitiesNum { position: absolute; margin-left: 28px; margin-top: -8px; font-size: 12px; font-weight: 600; color: #E52030; padding: 3px 0px 0px 0px; border-radius: 30px; cursor: pointer; width: 21px; height: 21px; text-align: left; }
.ecomnavsandwitch { background-color: #666666; height:5px; width:35px; margin-bottom:7px; border-radius:5px; }
.ecomnavsandwitchLast { background-color: #666666; height:5px; width:35px; margin-bottom:0px; border-radius:5px; }
.ecomnavmobilesandwitch { float:left; margin:8px 0px 0px 15px; height:30px; width:25px; border:0px solid #666666; cursor:Pointer; border-radius: 0px; }
.ecomnavmobilesandwitchline { height:2px; background-color:#666666; margin-bottom:8px; }
.ecomnavareamobile { position: fixed; top: 50px; left: 0px; bottom: 0px; right:0px; padding:15px 30px 20px 30px; background-color: #FFFFFF; z-index: 800; overflow: auto; }
.ecomnavlinkmobile { color: #666666 !important; border-top: 0px solid #FFF; }
.ecomnavlink3mobile { color: #666666 !important; }
.ecomnavlinkmainmobile { font-weight:600; line-height: 40px; }
.ecomnavlinkmainmobile1 { font-family:"Font2R"; font-weight:500; line-height: 35px; font-size:16px; }
.ecomnavlinkmainmobile2 { font-family:"FontR"; line-height: 40px; font-size:20px; }
.ecomnavlinkmainmobile3 { font-family:"FontL"; line-height: 40px; font-size:20px; }
.ecomnavboxmainmobile { padding:0px 0px 0px 0px; }
.ecomnavlinkfloatmobile { float:none; }
.ecomnavlinkspacermobile { padding-left:0px; padding-right:0px; }
.ecomnavsubmobile { padding: 10px 30px 20px 30px; position: absolute; background-color: #FFFFFF; top: 0; left: 0; width: 100%; height: 100%;/*padding:10px 10px 20px 10px;*/ }
.ecomnavboxsubmobile { padding:5px 0px 10px 0px; }
.ecomnavlinksubmobile { color: #ED806B !important; border-top: 0px solid #FFF; }
.ecomnavlinksub3mobile { font-size:12px; color: #000000 !important; }
.ecomnavlinkopensubmobile { color: #666666 !important; border-top: 0px solid #FFF; }
.ecomnavlinkopensubmobilearrow { font-size: 30px; color: #666666 !important; font-family: "FontL"; }
.ecomnavlinkopensubmobilearrowback { font-size: 30px; color: #666666 !important; margin-bottom:20px; cursor:Pointer; }
.ecomnavlinkopensubmobilearrowbackname { font-size: 16px; color: #666666 !important; }
.ecomnavmobilesubentry1 { }
.ecomnavlinkbackmobile { color: #666666 !important; }
.ecomnavlinkboxmobile { }
.ecomnavlinkboxlinetopmobile { /*border-top:1px solid #666666;*/ }
.ecomnavlinkboxlinebottommobile { /*border-bottom:1px solid #666666;*/ }
.ecomnavlinkmobilelevel1 { }
.ecomnavlinkmobilelevel2 { padding-left:15px; }
.ecomnavlinkmobilelevel3 { padding-left:25px; }
.ecomnavboxsearchmobile { margin-bottom:30px; }
.ecomnavlinkmobileleveltoggle { padding-top:4px; }
.ecomnavmobilesandwitchshow { display:block; }
.ecomnavmobilesandwitchhide { display:none; }
.ecomnavmobilesandwitchclose { font-family:"FontL"; font-size: 30px; color: #666666; }
.navbar-nav .dropdown-menu { position: static; float: none; text-align: center; }
/* */
/* */
/* */
.basketInfoArea { background-color: #FFFFFF; }
.orderoverviewshipping { background-color: #FFFFFF; float:left; width:45%; border-bottom: 0px; padding: 20px 20px 20px 20px; font-size: 15px; margin-bottom:30px; }
.orderoverviewbilling { background-color: #FFFFFF; float:right; width:45%; border-bottom: 0px; padding: 20px 20px 20px 20px; font-size: 15px; margin-bottom:30px; }
.orderoverviewbox { width:100%; border-bottom: 0px; padding: 20px 20px 20px 20px; background-color: #FFFFFF; font-size: 15px; margin-bottom:30px; }
/* */
/* */
.layoverwhitef1regular { font-family: "FontR"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1regular { font-family: "FontR"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1regular { font-family: "FontR"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef1medium { font-family: "FontM"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1medium { font-family: "FontM"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1medium { font-family: "FontM"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef1light { font-family: "FontL"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1light { font-family: "FontL"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1light { font-family: "FontL"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2regular { font-family: "Font2R"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2regular { font-family: "FontM"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2regular { font-family: "FontR"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2bold { font-family: "Font2B"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2bold { font-family: "Font2B"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2bold { font-family: "Font2B"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2light { font-family: "Font2L"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2light { font-family: "Font2L"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2light { font-family: "Font2L"; padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.h2bluemedium { font-family: "FontR"; padding: 1px 0px !important; font-size: 26px; line-height: 30px; margin:0px 0px 20px 0px; !important; color: #000000; }
.h2white { font-family: "FontB"; padding: 1px 0px !important; font-size: 40px; line-height: 40px; margin:0px !important; color: #FFFFFF; }
.h2whitexxl { font-family: "FontB"; padding: 1px 0px !important; font-size: 50px; line-height: 55px; margin:0px 0px 10px 0px !important; color: #FFFFFF; }
.h2thinwhitexxl { font-family: "FontB"; padding: 1px 0px !important; font-size: 40px; line-height: 44px; margin:0px 0px 10px 0px !important; color: #FFFFFF; text-shadow: 0px 0px 10px #CCC; }
.h2thinbluexxl { font-family: "FontB"; padding: 1px 0px !important; font-size: 40px; line-height: 44px; margin:0px 0px 10px 0px !important; color: #000000; }
.h2thinwhitexl { font-family: "FontB"; padding: 1px 0px !important; font-size: 26px; line-height: 34px; margin:0px 0px 10px 0px !important; color: #FFFFFF; }
.h2whiteneg { font-family: "FontB"; width: max-content; padding: 1px 10px !important; font-size: 40px; line-height: 40px; margin:0px !important; background-color: #ED806B; color: #FFFFFF; }
.pwhitenormal { font-family: "FontR"; color: #FFFFFF; }
/* */
/* */
.sliderwhite { font-family: "FontR"; padding: 1px 0px !important; font-size: 24px; line-height: 30px; margin:0 0 0 0 !important; color: #FFFFFF; }
.sliderthinwhite { font-family: "FontR"; padding: 1px 0px !important; font-size: 24px; line-height: 30px; margin:0 0 0 0 !important; color: #FFFFFF; }
.sliderblue { font-family: "FontB"; padding: 1px 0px !important; font-size: 24px; line-height: 30px; color: #000000; }
.sliderwhitenegxx { font-family: "FontB"; padding: 1px 10px !important; font-size: 24px; width: max-content; line-height: 42px; margin:0px !important; background-color: #000000; color: #FFFFFF; }
.sliderwhiteneg { font-family: "FontB"; padding: 3px 10px !important; font-size: 24px; width: max-content; line-height: 30px; margin: 2px 0px !important; background-color: #000000; color: #FFFFFF; }
.sliderwhiteneg2 { font-family: "FontB"; padding: 0px 5px !important; font-size: 22px; width: max-content; line-height: 30px; margin: 4px 0px !important; background-color: #ED806B; color: #FFFFFF; }
.sliderwhiteneg2 a { color: #FFFFFF !important; }
.slideroverlayboxcenterbottommag { position: absolute; padding: 20px 20px 23px 20px; background-color: rgba(183,41,112,0.90); bottom: 15px; left: 25px !important; right: 25px !important; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; background-color: transparent !important; }
.lSAction > a { top: 35%; height: 50px !important; width: 50px !important; background-image: url('../imagescustomer/controls_slider_2.png') !important; margin-top: 0px !important; }
.lSAction > .lSPrev { background-position: 0 0 !important; left: 0px !important; }
.lSAction > .lSNext { background-position: -50px 0 !important; right: 0px !important; }
.h1slider { font-family: "FontB"; margin-top: 0px !important; font-size: 36px; color: #ED806B; }
.h2slider { font-family: "FontB"; margin: 10px 0px 20px 0px !important; font-size: 36px; color: #ED806B; }
.h3slider { font-family: "FontB"; margin-top: 0px !important; font-size: 36px; color: #000000; }
.h4slider { margin: 10px 0px 10px 0px !important; font-size: 16px; font-weight:600; }
.h5slider { font-family: "FontB"; margin-top: 0px !important; font-size: 1.5rem; color: #000000; }
.h6slider { font-family: "FontB"; margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem; color: #000000; }
.sliderbync2a1 { width: fit-content; margin-top:25px; padding:3px 20px 3px 20px !important; text-align: center; background-color: transparent; color: #FFFFFF; cursor:Pointer; border:1px solid #FFFFFF; border-radius: 20px; }
.sliderbync2a1:hover { background-color: #000000; color: #FFFFFF; }
.sliderbync2a2 { width: fit-content; margin-top:25px; padding:3px 20px 3px 20px !important; text-align: center; background-color: transparent; color: #000000; cursor:Pointer; border:1px solid #000000; border-radius: 20px; }
.sliderbync2a2:hover { background-color: #000000; color: #FFFFFF; }
/*.centerTextboxOnSlider { left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }*/
.centerTextboxOnSlider {display: flex; align-items: center; justify-content: center; }
.fullWidthOverlay {width: 100%; height: 100%; max-height: 850px; background-color: rgba(0,0,0,0.4);}
/* */
/* */
.bynbtn1 { padding:10px 40px 10px 40px !important; width:100%; max-width:300px; text-align: center; background-color: #ED806B; color: #FFFFFF; cursor:Pointer; border:1px solid #FFFFFF; }
.bynbtn1:hover { background-color: #000000; color: #FFFFFF; }
.bynbtn1full { padding:10px 40px 10px 40px !important; width:100%; text-align: center; background-color: #ED806B; color: #FFFFFF; cursor:Pointer; border:1px solid #FFFFFF; }
.bynbtn1full:hover { background-color: #000000; color: #FFFFFF; }
.bync2a1 { padding:8px 20px 8px 20px !important; text-align: center; background-color: transparent; color: #666666; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; }
.bync2a1:hover { background-color: #666666; color: #FFFFFF; }
.bync2a1positionbc { bottom: 40px; position: absolute; width: auto; left: 40px; right: 40px; }
.bync2a1positionin { width: 90%; margin-top:35px; }
.bync2a1w { padding:10px 20px 10px 20px !important; text-align: center; background-color: #FFFFFF; color: #000000; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; }
.bync2a1w:hover { }
/*
.bynbutton { padding:8px 20px 8px 20px !important; text-align: center; background-color: transparent; color: #666666; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; }
.bynbutton:hover { background-color: #000000; color: #FFFFFF; }
*/
@keyframes bynbutton { from { background-color: #02ccc5; color: #fff; } to { background-color: rgba(2,204,197,0.40); color:#666666; } }
.bynbutton { width: 100%; padding: 10px 30px; text-align: center; background-color: #02ccc5; color: #fff; cursor: Pointer; border-radius: 26px; border: 0px; }
.bynbutton:hover { animation-name: bynbutton; animation-duration: 0.5s; background-color: rgba(2,204,197,0.40); color:#666666; }
.bynbutton2 { padding:8px 40px 8px 40px !important; text-align: center; background-color: transparent; color: #666666; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; border:0px; }
.bynbutton2:hover { background-color: #666666; color: #FFFFFF; }
.bynbutton2w { padding:8px 40px 8px 40px !important; text-align: center; background-color: #FFFFFF; color: #666666; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px; border:0px; }
.bynbutton2w:hover { background-color: #666666; color: #FFFFFF; }
.bynbuttongreyactive { padding:5px 40px 5px 40px !important; width:100%; text-align: center; background-color: #666666; color: #FFFFFF; cursor:Pointer; border:0px; }
.bynbuttongreyactive:hover { background-color: #666666; color: #FFFFFF; }
.bynbuttongrey { padding:5px 40px 5px 40px !important; width:100%; text-align: center; background-color: #DDDDDD; color: #000000; cursor:Pointer; border:0px; }
.bynbuttongrey:hover { background-color: #000000; color: #FFFFFF; }
.bynbuttoncancel { padding:3px 40px 3px 40px !important; width:100%; text-align: center; background-color: #EEEEEE; color: #666666; cursor:Pointer; border:0px; }
.bynbuttoncancel:hover { background-color: #000000; color: #FFFFFF; }
.bynbuttontext { padding:0px !important; width:100%; text-align: center; color: #000000; cursor:Pointer; }
.bynbuttontextsmallright { padding:0px !important; width:100%; text-align: right; font-size:12px; color: #000000; cursor:Pointer; }
/*
.bynbtncode { width: max-content; padding: 13px 60px; text-align: center; background-color: #666666; color: #FFFFFF; cursor: Pointer; border-radius: 6px; border:0px; }
.bynbtncode:hover { background-color: #ED806B; color: #FFFFFF; }
*/
@keyframes buttonV1An { from { background-color: #02ccc5; color: #fff; } to { background-color: rgba(2,204,197,0.40); color:#666666; } }
.bynbtncode { width: max-content; padding: 10px 30px; text-align: center; background-color: #02ccc5; color: #fff; cursor: Pointer; border-radius: 26px; border: 0px; }
.bynbtncode:hover { animation-name: buttonV1An; animation-duration: 0.5s; background-color: rgba(2,204,197,0.80); color:#666666; }
.basketbtncoupon { width: max-content; padding: 13px 60px; text-align: center; background-color: #000000; color: #FFFFFF; cursor: Pointer; border-radius: 6px; border:0px; }
.basketbtncoupon:hover { background-color: #666666; color: #FFFFFF; }
/*
.basketbtnnext { width: max-content; padding: 13px 60px; text-align: center; background-color: #000000; color: #FFFFFF; cursor: Pointer; border-radius: 6px; border:0px; float:right; }
.basketbtnnext:hover { background-color: #666666; color: #FFFFFF; }
*/
@keyframes buttonV1An2 { from { background-color: #02ccc5; color: #fff; } to { background-color: rgba(2,204,197,0.40); color:#666666; } }
.basketbtnnext { width: max-content; padding: 10px 30px; text-align: center; background-color: #02ccc5; color: #fff; cursor: Pointer; border-radius: 26px; border: 0px; }
.basketbtnnext:hover { animation-name: buttonV1An2; animation-duration: 0.5s; background-color: rgba(2,204,197,0.40); color:#666666; }
@keyframes buttonV1AnBN { from { background-color: #003087; } to { background-color: rgba(0,22,100,0.50);; } }
.basketbtnbuynow { width: max-content; padding: 10px 30px; text-align: center; background-color: #003087; color: #FFFFFF; cursor: Pointer; border-radius: 26px; border: 0px; float:right; }
.basketbtnbuynow:hover { animation-name: buttonV1AnBN; animation-duration: 0.5s; background-color: rgba(0,22,100,0.50); color:#ffffff; }
/* */
/* */
.calltoactionheadline { font-family: "FontB"; font-size: 36px; line-height: 40px; color:#ED806B; margin-bottom:30px !important; }
.calltoactiontext { font-family: "FontB"; font-size: 20px; line-height: 26px; color:#000000; margin-bottom:30px !important; }
.calltoactionbotton { position:absolute; bottom:30px; padding:10px 60px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
.calltoactionbottonrc { position:absolute; top:30px; right:40px; padding:10px 60px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
.calltoactionbottonsomag { margin: auto; width:100%; padding:10px 0px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
.calltoactionbottonsoblu { margin: auto; width:300px; padding:10px 40px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#000000; background-color: #FFFF00; cursor:Pointer; border-radius: 20px; }
.calltoactionbottonsomagr { width:100%; float:right; padding:10px 0px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
.calltoactionbottonsoblur { width:100%; float:right; padding:10px 0px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #000000; cursor:Pointer; }
.calltoactionbottonsomagl { width:100%; float:left; padding:10px 0px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
.calltoactionbottonsoblul { width:100%; float:left; padding:10px 0px; font-family: "FontB"; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #000000; cursor:Pointer; }
/* */
/* */
.articleimage { border-radius:0px 0px 0px 0px; max-width: 80%; }
.productOverviewBoxSytle { height:100%; cursor:Pointer; background-color: #FFF; border-radius: 6px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; padding: 0px 0px 15px 0px !important; }
.productOverviewBoxSytle2 { height:100%; cursor:Pointer; background-color: #FFF; margin: 10px 15px 10px 15px; padding:20px; border-radius: 6px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; }
.productCrossellingBoxSytle { height:100%; cursor:Pointer; background-color: #FFF; border-radius: 6px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; padding-bottom:10px; }
.regmsgStyle { color:#FF0000; }
.groupOverviewHeader { margin-bottom:40px; }
.groupOverviewHeaderBc { padding:10px 0px 0px 0px; }
.breadcrum { font-family: "FontR"; color:#666666; font-size:12px !important; line-height: 15px !important; padding:0px; margin:0px; }
.breadcrum a { font-family: "FontR"; color:#666666; font-size:12px !important; line-height: 15px !important; padding:0px; margin:0px; }
.groupOverviewHeaderTextBox { padding:10px 0px 0px 0px; }
.groupOverviewHeaderText { }
.setProductDetailsBtn { background-color: rgba(204,15,19,1.00); color:#FFFFFF; padding:2px 5px; cursor:Pointer; }
.groupOverviewTextBox { /*margin-top:-30px; margin-left:2px;*/ }
.groupOverviewText { /*position:absolute;*/ padding:2px 10px; text-align:center; background-color:#000000; color:#FFFFFF; }
.productOverviewImageBox { position:relative; text-align:center; padding-top:10px; }
.productOverviewImageBox2 { position:relative; text-align:center; }
.productOverviewPriceBox { padding:10px 0px 0px 0px; text-align:center; width: 100%; height:35px; }
.productOverviewPrice { font-family: "FontB"; color:#000000; font-size:16px; line-height: 20px; padding:0px; margin:0px; }
.productOverviewPricePrefix { font-family: "FontB"; color:#000000; font-size:14px; line-height: 14px; padding:0px; margin:0px; }
.productOverviewPriceStrike { font-family: "FontR"; color:#000000; font-size:16px; line-height: 24px; padding:0px; margin:0px; text-decoration: line-through; }
.productOverviewInfoBox { margin-top:5px; height:80px; }
.productOverviewInfoBox2 { margin-top:-5px; height:60px; }
.productOverviewNameBox { margin: 0px 0px 5px 0px; padding:0px 10px; text-align: left; height: 20px; width: 100%; overflow: hidden; }
.productOverviewName { font-family: "FontM"; text-align:center; margin: 0px 0px 10px 0px !important; font-size: 15px; line-height: 18px; color: #000000; }
.productOverviewNameBox2 { padding:10px 0px; text-align:center; font-size:16px; line-height:20px; color:#000000; }
.productOverviewName2 { font-family: "FontM"; text-align:center; margin: 0px 0px 10px 0px !important; font-size: 16px; line-height: 24px; color: #000000; }
.productOverviewSublineBox { padding:0px 0px 0px 0px; padding:0px 10px; text-align:left; height: 50px; width: 100%; }
.productOverviewSubline { font-family: "Font2R"; text-align:center; margin: 0px 0px 0px 0px !important; font-size: 13px; line-height: 16px; }
.productOverviewVariantsBox { position: absolute; top: 5px; left: 5px; width: 100%; /*position:relative; float:right; height:25px;*/ }
.productOverviewVariantsColor { float:left; border-radius:20px; margin-left:3px; width:15px; height:15px; border:0px; }
.productOverviewVariantsText { margin-right:3px; margin-left:3px; padding:2px 7px; line-height: 12px; font-size:10px; background-color:#FFFFFF; border-radius:0px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; width: max-content; }
.productOverviewVariantsMore { float:left; margin-right:3px; margin-left:3px; padding:2px 7px; line-height: 12px; font-size:10px; }
.productOverviewDetailsButton { font-family: "Font2B"; text-transform: uppercase; font-size:16px; clear:both; padding:5px 35px; text-align:center; background-color:#FFFFFF; color:#666666; margin:10px auto 0px auto; border:2px solid #000000; border-radius: 20px; width: max-content; }
.productOverviewDetailsButton2 { font-family: "Font2B"; text-transform: uppercase; font-size:16px; clear:both; padding:5px 35px; text-align:center; background-color:#FFFFFF; color:#666666; margin:10px auto 0px auto; border:2px solid #000000; border-radius: 20px; width: max-content; }
.searchresulthead { }
.versioninfotext { font-family: "FontB"; color:#CCCCCC; font-size:19px; line-height: 20px; padding-top:10px; }
.designSelectionName { font-family: "FontR"; margin: 10px 0px 0px 0px !important; font-size: 18px; color: #000000; }
.designSelectionPrice { font-family: "FontR"; margin: 0px 0px 0px 0px !important; font-size: 15px; color: #000000; }
.productCrossellingTemplateArea { padding: 5px; margin-right: 10px; margin-left: 10px; }
/* */
/* */
.variantselectarea { padding-bottom:35px; /*border-top:1px solid #666666;*/ }
.variantselectareatitle { font-family: "FontB"; font-size:1.3em; font-weight:600; color: #000000; margin-bottom:10px; }
.variantselectcolor { position: relative; float: left; cursor: Pointer; border-radius: 30px; padding: 2px; border: 1px solid #666; margin-right: 10px; width: 30px; height: 30px; }
.variantselectcolorinner { cursor: Pointer; border-radius: 16px; border: 0px; margin-right: 10px; width: 24px; height: 24px; }
.variantselectsize { position: relative; float:left; cursor:Pointer; text-align:center; padding:6px 10px; min-width:50px; margin-top:10px; margin-right:10px; border: 2px solid #DDD; color:rgba(2,204,197,1.00) }
.variantselecttext { position: relative; width: 46%; float: left; cursor: Pointer; text-align: center; padding: 1px 6px; min-width: 60px; margin-top: 10px; margin-right: 10px; border: 2px solid #DDD; color: rgba(2,204,197,1.00); border-radius: 20px; padding: 5px 0px 5px 0px; }
.variantselectcolorselected { border:2px solid #ED806B !important; }
.variantselectsizeselected { background-color: #ffff00; color:#FFFFFF; }
.variantselecttextselected { width: 46%; background-color: rgba(2,204,197,1.00); color: #FFFFFF; border-radius: 20px; padding: 5px 0px 5px 0px; }
.versionselectcolor { position: relative; float: left; cursor: Pointer; border-radius: 0px; padding: 2px; border: 2px solid #CCC; margin-right: 10px; width: 35px; height: 35px; }
.versionselectcolorinner { cursor: Pointer; border-radius: 16px; border: 0px; margin-right: 10px; width: 24px; height: 24px; }
.versionselectcolorselected { border:2px solid #ED806B; content:"✔"; }
.versionselectcolorselectedfront { background-color: rgba(0,0,0,0.5); }
.versionselectcolorna { position: absolute; width: 100%; height: 100%; color: red; background-color: rgba(200,200,200,0.6); text-align: center; font-size: 28px; padding-top: 7px; top: 0; left: 0; }
.variantselectsizena { position: absolute; width: 100%; height: 100%; color: red; background-color: rgba(200,200,200,0.6); text-align: center; font-size: 28px; padding-top: 7px; top: 0; left: 0; }
.variantselecttextna { width:46%; position: absolute; width: 100%; height: 100%; color: red; background-color: rgba(200,200,200,0.6); text-align: center; font-size: 28px; padding-top: 7px; top: 0; left: 0; }
.containerProductDetails { padding-top: 10px !important; background-color: #FFFFFF; }
.productDetailsSubline { font-family: "FontM"; margin-top: 0px !important; font-size: 15px; color: #AAAAAA; margin-bottom:10px; line-height: 20px; }
.productDetailsDescriptionArea { } /* margin-top:50px; padding:30px; border-radius:6px; box-shadow: rgba(198, 198, 198, 0.7) 0px 0px 24px 6px; background-color: #FFFFFF; } */
.productdetailstextblock { font-family: "Font2R"; margin-top: 0px !important; font-size: 24px; color: #666666; margin-bottom:15px; }
.productsDetailsStockShipInfo { font-family: "Font2R"; font-size: 14px; color: #000000; }
.productdetailspricearea { margin-top:0px; margin-bottom:10px; }
.productdetailspricebox { font-family: "FontB"; color:#000000; font-size:30px; line-height: 30px; padding:0px; margin:0px; }
.productdetailsustship { font-family: "Font2R"; font-size:14px; color:#000000; padding:5px 0px; }
@keyframes buttonV1An3 { from { background-color: rgba(2,204,197,1.00); } to { background-color: rgba(2,204,197,0.60); } }
.previewNowButton { font-family: "FontB"; text-transform: uppercase; width: 100%; padding: 10px 30px; text-align: center; background-color: rgba(2,204,197,1.00); color: #FFFFFF; cursor: Pointer; border-radius: 26px; }
.previewNowButton:hover { animation-name: buttonV1An3; animation-duration: 0.5s; rgba(2,204,197,0.60); color:#FFFFFF; }
.configNowButton { width: 100%; text-transform: uppercase; padding: 10px 30px; text-align: center; background-color: rgba(2,204,197,1.00); color: #FFFFFF; cursor: Pointer; border-radius: 26px; }
.configNowButton:hover { animation-name: buttonV1An3; animation-duration: 0.5s; background-color: rgba(2,204,197,0.60); color:#FFFFFF; }
//.configNowButton { width: max-content; padding: 13px 60px; text-align: center; background-color: #FFFFFF; color: #000000; cursor: Pointer; border-radius: 6px; }
.favoriteButton { width: 100%; padding: 10px 20px; text-align: center; background-color: #575757; color: #DCE2E2; cursor: Pointer; }
.productdetailsimagebox { } /* -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55); }*/
.productdetailsimageboxoutofstock { position:absolute; }
.productdetailsimageboxdealtime { position:absolute; text-align:center;bottom: 27px; right: 85px; z-index: 100; line-height: 19px; padding:2px 10px 2px 10px; background-color:rgba(255,255,255,0.90); color:#000000; font-family: "FontB"; box-shadow: 0px 0px 9px -3px #888; }
.productdetailsimageboxdealtimetext { color:#000000; font-family: "FontR"; font-size:14px; }
.productdetailsdescriptionheadline { font-family: "FontM"; margin-top: 0px !important; font-size: 24px; color: #000000; margin-bottom:15px; }
.productdetailstexttable { font-family: "Font2R"; margin-top: 0px !important; font-size: 24px; color: #666666; margin-bottom:15px; }
.productdetailsdescriptiontext { font-family: "Font2R"; font-size: 15px; line-height: 26px; margin-bottom:0px; color: #000000; padding-right:50px; }
.productdetailsshortdescriptiontext { font-family: "Font2R"; font-size: 14px; line-height: 18px; margin-bottom:0px; color: #000000; }
.productdetailstechnicaltable { margin-bottom:10px; }
.productdetailstechnicaltablehead { font-family: "FontM"; font-size: 14px; line-height: 20px; margin-bottom:0px; color: #666666; }
.productdetailstechnicaltablevalue { font-family: "Font2R"; font-size: 14px; line-height: 20px; margin-bottom:0px; color:#000000; }
.productdetailsimageboxdealtimetoday { position:absolute; text-align:center;bottom: 27px; right: 85px; z-index: 100; line-height: 19px; padding:2px 10px 2px 10px; background-color:rgba(255,255,255,0.90); color:#000000; font-family: "FontB"; box-shadow: 0px 0px 9px -3px #888; }
.productdetailsimageboxdealtimetodaytext { color:#000000; font-family: "FontB"; font-size:23px; }
.productdetailsimageboxdealtimetodaytext2 { color:#000000; font-family: "FontR"; font-size:17px; }
.csvipbox { margin-top:20px; padding-top:40px; }
.csvipheadline { font-family: "Font2R"; margin-top: 0px !important; font-size: 24px; color: #666666; margin-bottom: 15px; }
.personalizeInputArea { margin-bottom:10px; }
.personalizeInput { width:100%; padding:7px 15px; border-radius: 20px; border: 2px solid #DDDDDD; }
/* */
/* */
.basketthumbsmall { width:80px; height:80px; cursor: Pointer; }
.basketsummarybox { padding:0px 15px; }
.basketentryprice { font-size:15px; text-align:right; }
.basketentrypricetext { font-family: "Font2R"; color:#666666; text-align: right; }
.basketentrypricesingle { font-size:15px; text-align: right; }
.basketentrypricesingletext { font-family: "Font2R"; color:#666666; text-align: right; }
.basketentryqty { font-size:15px; text-align: right; }
.basketentryqtytext { font-family: "Font2R"; color:#666666; text-align: right; }
.basketentryprictext { font-family: "Font2R"; color:#666666; text-align: right; }
.basketbordertop { margin-top:50px; padding-top:40px; border-top: 2px solid #666666; }
.basketentrytext { font-family: "Font2R"; color:#000000; }
.basketsummaryrow { padding:10px 0px 10px 0px; background-color: #FFFFFF; }
.basketentry { padding:10px 0px 10px 0px; margin-bottom:20px; background-color: #FFFFFF; }
.basketentrytoppadding { padding-top:15px; }
.basketsummary { font-family: "Font2R";font-size:20px; color:#000000; width:120px; float:right; }
.basketsummarydesc { font-family: "Font2R";font-size:20px; color:#000000; width:190px; float:right; text-align: right; padding-right: 25px; }
.basketsummarytotal { font-family: "Font2B"; font-size:20px; color:#000000; width:120px; float:right; }
.basketsummarydesctotal { font-family: "Font2B"; font-size:20px; color:#000000; width:190px; float:right; text-align: right; padding-right: 25px; }
.basketsummary2 { font-size:20px; color:#000000; }
.basketsummaryshipping { font-size:20px; color:#000000; }
.basketsummarycoupon { font-size:20px; color:#000000; }
.basketsummarytotal { font-family: "FontM"; font-size:22px; color:#000000; }
.basketEntryImageBox { padding-right:15px; }
.basketEntryName { font-size:20px; padding-right:30px; line-height: 25px; }
.basketEntryNameSmall { font-family: "FontM"; font-size:15px; padding-right:30px; line-height: 16px; }
.basketEntryShipping { font-size:15px; font-weight:400; }
.basketEntryVariant { font-size:15px; }
.basketEntryAttriubutes { font-size:15px; font-weight:400; }
.basketentryqtybox { border:0px; font-size: 16px; width:60px; padding:0px 0px 0px 5px; background-color:#f4f4f4; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
.basketentryqtyselectbox { border:0px; font-size: 16px; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding:0px 35px 0px 2px; background-color:#f4f4f4; background-image:url(../imagescustomer/selectbox.svg); background-position: right; background-repeat: no-repeat; }
.basketEditBtn { padding:3px 5px 3px 5px !important; text-align: center; background-color: transparent; color: #666666; cursor:Pointer; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; border-radius: 6px;; border-radius: 5px; }
.basketEditBtn:hover { background-color: #666666; color: #FFFFFF; }
.basketentryactions { margin-top:30px; }
.basketentryactionsbtn { float:right; margin-right:0px; }
/* */
/* */
.myAccountMenu { font-size:12px; color:#999999; background-color:#ffffff; padding:5px 40px; margin-bottom:2px; -webkit-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75); }
.myAccountMenu:hover { background-color:#DDDDDD; }
.myAccountMenuLink { color:#999999; text-decoration: none; font-size:14px; }
.myAccountMenuLink:hover { color:#aa122d; text-decoration: none; }
.myordersbox { margin-bottom:40px; }
.myaccountordershead { font-family: "FontM"; font-size:15px; line-height: 20px; margin: 0 0 0 0 !important; }
.myaccountorderstext { font-family: "FontR"; font-size:15px; line-height: 20px; margin: 0 0 0 0 !important; }
.myaccountorderfiltertext { float:left; padding:10px 20px; background-color: #BBBBBB; color:#000000; }
.myaccountorderfilterbox { float:left; padding:10px 20px; background-color: #FFFFFF; }
.myaccountorderfilterselectbox { border:0px; font-size: 18px; width:100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding:0px 35px 0px 2px; background-color:#FFFFFF; background-image:url(../imagescustomer/selectbox_wb.svg); background-position: right; background-repeat: no-repeat; }
.myaccountComunitySelectboxHeadline { font-size: 18px; }
.myaccountComunitySelectbox { border:1px solid #000000; font-size: 16px; width:100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding:3px 35px 3px 3px; background-color:#FFFFFF; background-image:url(../imagescustomer/selectbox_wb.svg); background-position: right; background-repeat: no-repeat; }
/* */
/* */
.byngeocheckzip { padding:10px 40px 10px 20px !important; width:100%; text-align: left; background-color: #FFFFFF; color: #000000; border:1px solid #666666; }
.byngeocheckzipheaderbox { font-family: "FontB"; color: #000000; font-size: 16px; background-color: transparent; border:0px; text-align: center; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: hidden; }
.byngeocheckzipheaderbox:focus { outline: none; }
.byngeocheckzipheader { padding: 7px 25px 7px 7px !important; width: 100%; text-align: center; border-radius: 4px; border: 0px; box-shadow: 0px 0px 3px #D0CCCC; background:#FFFFFF url(../imagescustomer/plzcheckheadarrow.png) center right no-repeat; }
.byngeocheckzipheaderok { padding: 7px 25px 7px 7px !important; width: 100%; text-align: center; border-radius: 4px; border: 0px; box-shadow: 0px 0px 3px #D0CCCC; background:#FFFFFF url(../imagescustomer/plzcheckheadok.png) center right no-repeat; }
.byngeocheckzipheaderboxtext { font-family: "FontB"; color: #000000; padding-right: 20px; padding-left: 7px; font-size: 16px; background-color: transparent; border:0px; text-align: center; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: hidden; }
.byngeocheckzipheaderFailedText { font-family: "FontB"; margin-top: 0px !important; font-size: 25px; color: #ED806B; }
/* */
/* */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Chrome, Safari, Edge, Opera */
input[type=number] { -moz-appearance: textfield; } /* Firefox */
.guestFailed { color:#FF0000; }
.orderFormTextfield { width:100%; padding:8px 10px; border:1px solid #CCCCCC; border-radius:5px; color:#000000; font-size: 15px; }
.formTextfield { width:100%; padding:8px 10px; border:1px solid #CCCCCC; border-radius:5px; color:#000000; background-color: #FFFFFF; font-size: 15px; }
.formTextfield::placeholder { font-family: "Font2R"; font-size:15px; position:absolute; top:0px; }
.formSelectBox { width:100%; padding:8px 10px; border:0px; background-color: #FFFFFF; border:1px solid #CCCCCC; border-radius:5px; color:#000000; font-family: "FontR"; font-size: 15px; }
.registerFormLeft { background-color:#FFFFFF; padding:25px 20px; }
.registerFormRight { padding:25px 10px; margin-top:110px; }
.registerbtncustomwidth { width: 300px; }
.formLabels { position: absolute; top: -7px; left: 19px; font-size: 13px; background-color: #FFF; padding: 0px 2px 0px 2px; line-height: 13px; color:#999; }
/* */
/* */
/*.ui-widget-header { border: 1px solid #aaaaaa; background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec) !important; background: linear-gradient(to bottom,#f7f8fa,#e7e9ec) !important; color: #222222; font-weight: bold; }*/
.ui-dialog .ui-dialog-titlebar { padding: 5px 15px !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; }
.ui-dialog { padding: 0px !important; }
.ui-dialog-titlebar { display: none; }
.zoomdesign { }
.zoomdesign:hover { position:absolute; top:-80px; left:-70px; width:280px; z-index:2000; }
.priceFormat { font-size:18px; font-weight:600; }
.textShipInfoFormat { font-size:13px; font-weight:400; }
/* */
/* */
.backToList { color:#CCCCCC; }
.backToList:hover { color:#999999; text-decoration: none; }
.PaginationBox { width: max-content; text-align: center; margin: auto }
.PaginationToFirstLastInactive { float:left; font-size: 35px; margin: 0px 7px 0px 7px; border-radius: 5px; text-align: center; width:40px; height:40px; padding-top: 4px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; }
.PaginationBackNextInactive { float:left; font-size: 35px; text-align: center; width:40px; height:40px; padding-top: 4px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; }
.PaginationToFirstLast { cursor:Pointer; font-size: 35px; margin: 0px 15px 0px 0px; float:left; text-align: center; width:40px; padding-top: 4px; height:40px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; }
.PaginationToFirstLast:hover { background-color:#666666; color:#FFFFFF; }
.PaginationBackNext { cursor:Pointer; font-size: 35px; margin: 0px 15px 0px 0px; float:left; text-align: center; padding-top: 4px; width:40px; height:40px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; }
.PaginationBackNext:hover { background-color:#666666; color:#FFFFFF !important; }
.PaginationPage { cursor:Pointer; float:left; text-align: center; width:40px; height:50px; background-color:rgba(255,255,255,0.4); }
.PaginationPageOfPage { font-size:14px; margin: 0px 15px 0px 0px; cursor:Pointer; float:left; text-align: center; width:150px; height:40px; padding-top: 6px; background-color:rgba(255,255,255,0.4); }
.PaginationPage:hover { background-color:#666666; color:#FFFFFF; }
.PaginationPageActive { cursor:Pointer; float:left; text-align: center; width:40px; height:40px; color:#FFFFFF; border:1px solid #999999; background-color:#000000; }
/* */
/* */
/* */
.faqbutton { float:left; margin:5px 10px 5px 0px; padding:15px; width:150px; background-color:#FFFFFF; color:#666666; cursor:Pointer; }
.faqbutton:hover { background-color:#666666; color:#ffffff; }
.faqbuttonactive { background-color:#666666; color:#ffffff; }
.card { border-bottom: 0px; border: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.card-header { padding: 0px 0px; margin-bottom: 0; background-color: #FFFFFF; border-top: 1px solid #CCC; border-bottom: 0px solid #666666; }
.accordion > .card:first-of-type { border-bottom: 0px solid #666; }
.accordion > .card .card-header { margin-bottom: auto; }
.accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px solid #666; }
.btn-link { color: #000000; text-decoration: none; }
.btn-link:hover { color: #000000; text-decoration: none; }
.btn { padding: 10px 0px; font-size: 20px; }
.card-body { padding: 0px 0px 40px 0px !important; }
/* */
/* */
.imagetextwhite { font-family: "FontB"; font-size:30px; color:#FFFFFF; margin: 0px; }
.imagetextblack { font-family: "FontB"; font-size:30px; color:#000000; margin: 0px; }
.imagetextblue { font-family: "FontB"; font-size:30px; color:#000000; margin: 0px; }
.imagetextwhite > a:hover { text-decoration:none; color:#FFFFFF; }
.imagetextblack > a:hover { text-decoration:none; color:#000000; }
.imagetextblue > a:hover { text-decoration:none; color:#000000; }
.imagetextbigwhite { font-family: "FontB"; font-size:31px; color:#FFFFFF; line-height: 37px; }
.imagetextbigblack { font-family: "FontB"; font-size:31px; color:#000000; line-height: 37px; }
.imagetextbigblue { font-family: "FontB"; font-size:31px; color:#000000; line-height: 37px; }
.imagetextbigwhite > a:hover { text-decoration:none; color:#FFFFFF; }
.imagetextbigblack > a:hover { text-decoration:none; color:#000000; }
.imagetextbigblue > a:hover { text-decoration:none; color:#000000; }
.imagetextStdwhite { font-family: "FontR"; font-size:18px; line-height:22px; margin-top:20px; color:#FFFFFF; }
.imagetextStdblack { font-family: "FontR"; font-size:18px; line-height: 22px; margin-top:20px; color:#000000;}
.imagetextStdblue { font-family: "FontR"; font-size:18px; line-height: 22px; margin-top:20px; color:#000000; }
/* */
/* */
.imageoverlayboxleftbottomwhite { position: absolute; padding: 10px 10px 10px 10px; background-color: rgba(255,255,255,0.8); }
.imageoverlayboxleftbottomwhite a:hover { text-decoration: none; }
.imageoverlayboxleftbottomtransparent { position: absolute; padding: 10px 10px 10px 10px; }
.imageoverlayboxleftbottomtransparent a:hover { text-decoration: none; }
.imageoverlayboxlefttoptransparent { position: absolute; padding: 10px 10px 10px 10px; }
.imageoverlayboxlefttoptransparent a:hover { text-decoration: none; }
.imageoverlayboxcenterbottommag { position: absolute; padding: 10px 10px 10px 10px; background-color: #ED806B; }
.imageoverlayboxcenterbottommag a:hover { text-decoration: none; }
.imageoverlayboxcenterbottomtransparent { position: absolute; padding: 10px 10px 10px 10px; background-color: rgba(255,255,255,0.85); }
.imageoverlayboxcenterbottomtransparent a:hover { text-decoration: none; }
.imageoverlayboxrightbottomprice { position: absolute; padding: 10px 10px 10px 10px; background-color: #000000; font-family: "FontB"; font-size:23px; color:#FFFFFF; text-decoration: none; border-radius: 7px; }
.imageoverlayboxrightbottomprice a:hover { text-decoration: none; }
.imageoverlayboxrightbottomprice a { color:#FFFFFF; text-decoration: none; }
.imageoverlayboxrightbottomprice sup { top: -4px !important; }
.imageoverlayboxrightbottomwhite { position: absolute; padding: 10px 10px 10px 10px; background-color: rgba(255,255,255,0.8); }
.imageoverlayboxrightbottomwhite a:hover { text-decoration: none; }
.imageoverlayboxrightbottomtransparent { position: absolute; padding: 10px 10px 10px 10px; }
.imageoverlayboxrightbottomtransparent a:hover { text-decoration: none; }
.imagesublinetext { color: #000000; text-align:center; }
.imageoverlayheadline { font-family: "FontL"; margin: 10px 0px 0px 0px !important; font-size: 24px; line-height: 29px; color: #575757; }
.imageoverlaytext { font-family: "FontR"; margin: 10px 0px 0px 0px !important; font-size: 16px; color: #575757; }
.imageoverlayprice { font-family: "FontL"; margin: 10px 0px 0px 0px !important; font-size: 24px; color: #000000; }
.imageoverlayprice sup { font-size: 14px; }
.imageoverlayboxleftbottom { position: absolute; padding-top: 18px !important; padding: 10px 10px 10px 10px; background-color: rgba(255,255,255,0.7); bottom: 0; margin: 0px 0px 10px 10px; }
/* */
/* */
.myaccountbox { margin-top: 50px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; padding:25px 20px; }
/* */
/* */
.newslettererr { color:#FF0000; }
/* */
/* */
.configuratorSelectbox { font-family: "Font2R"; font-size:16px; width: 100%; padding: 15px; background-color: #FFF; border: 0px; border-radius: 6px; color:#666666; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; margin-top:10px; }
.configuratorSelectbox option { font-family: "Font2R" !important; font-size:16px; }
/* */
/* */
.eastereggtext { font-size: 20px; line-height: 24px; margin: 0px !important; }
.eastereggnumber { font-size: 60px; margin: 0px !important; line-height: 70px; }
/* */
/* */
.parallax { }
.gf-background { background-color:rgba(220,220,220,1); text-align:center; cursor:Pointer; }
.gf-textbox { position:absolute; bottom:10px; left:20px; color:#FFFFFF; font-family: "FontB"; font-size: 25px; }
.gf-textbox2 { color:#ED806B; font-family: "FontM"; font-size: 25px; text-align:center; padding:10px; }
@media only screen and (min-device-width: 980px) { .parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover !important; background-size: 100%; } }
@media only screen and (max-device-width: 768px) { .parallax { background-size: 300% !important; } }
@media only screen and (max-device-width: 490px) { .parallax { background-size: cover !important; } }
/* */
/* */
@media screen and (max-width: 991px) {
/* */
.startheaderbg { background:#ed806b; }
.startheadertextpad { padding: 30px 30px 0px 30px; }
#searchbtn { display:none; }
.languageSelectionLinkBox { padding:10px 20px; width:100%; padding:10px 20px; }
/* */
/* */
.textimagecontentarea { padding: 30px 20px 40px 20px; }
/* */
/* */
h1 { font-size: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 1.5rem; }
h6 { font-size: 1rem; }
.h1 { font-size: 20px; }
.h2 { font-size: 20px; }
.h3 { font-size: 22px; }
.h3white { font-size: 22px; }
.h4 { font-size: 16px; }
.h5 { font-size: 1.5rem; }
.h6 { font-size: 1rem; }
.h1grpov { margin-top: 0px !important; font-size: 22px; color: #666666; }
.fsize16 { font-size:14px !important; line-height: 20px !important; }
.fsize18 { font-size:15px !important; line-height: 20px !important; }
.fsize20 { font-size:15px !important; line-height: 18px !important; }
.fsize26 { font-size:20px !important; line-height: 24px !important; }
.fsize32 { font-size:25px !important; line-height: 30px !important; }
.fsize36 { font-size:30px !important; line-height: 36px !important; }
/* */
/* */
/* */
.layoverbluef2regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
/* */
/* */
.productOverviewName2 { text-align:center; margin: 0px 0px 10px 0px !important; font-size: 14px; line-height: 19px; color: #000000; }
/* */
/* */
.bync2a1positionbc { bottom: 20px; position: absolute; width: auto; left: 40px; right: 40px; }
/* */
/* */
.productOverviewDetailsButton { font-family: "Font2R"; font-size:16px; clear:both; padding:5px 15px; text-align:center; background-color:#FFFFFF; color:#666666; margin:0px auto 20px auto; border-radius:20px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; width: max-content; }
.productOverviewDetailsButton2 { font-family: "Font2R"; font-size:16px; clear:both; padding:5px 15px; text-align:center; background-color:#FFFFFF; color:#666666; margin:0px auto 0px auto; border-radius:20px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; width: max-content; }
/* */
}
@media screen and (max-width: 570px) {
/* */
.startheaderbg { background:#ed806b; }
.headerleftimage { background-image: url(https://dev2.byndev.net/content/1/images/2023-03-23/budni_start_header_l_mob6.png); background-size: cover; background-repeat: no-repeat; background-position: right; padding:6% 0px 0px 0px; }
.startheadertextpad { padding: 20px 0px 0px 0px; }
.header-size { padding-top:200px; padding-bottom:200px; }
.start-studio-size { padding-top:200px; padding-bottom:50px; }
/* */
/* */
body { font-size:15px; line-height: 21px; }
.col-padding-on { padding-right: 14px !important; padding-left: 14px !important; }
.container { padding-left:0px; padding-right:0px; }
.containerNHome { margin-top: 15px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 19px; }
.contentrow { margin-left:15px !important; margin-right: 15px !important; }
.textimagecontentarea { padding:30px 0px 25px 0px; }
.contentroundleft { border-radius: 6px 6px 0px 0px; }
.contentroundright { border-radius: 6px 6px 0px 0px; }
.desktopright { float:left; }
.containerProductDetails { padding-top: 35px !important; background-color: #FFFFFF; }
/* */
/* */
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 1.5rem; }
h6 { font-size: 1rem; }
.h1 { font-size: 24px; }
.h2 { font-size: 20px; }
.h3 { font-size: 22px; }
.h3white { font-size: 22px; }
.h4 { font-size: 16px; }
.h5 { font-size: 1.5rem; }
.h6 { font-size: 1rem; }
.h1grpov { margin-top: 0px !important; font-size: 22px; color: #666666; }
.fsize16 { font-size:14px !important; line-height: 20px !important; }
.fsize18 { font-size:16px !important; line-height: 20px !important; }
.fsize20 { font-size:15px !important; line-height: 18px !important; }
.fsize26 { font-size:20px !important; line-height: 24px !important; }
.fsize32 { font-size:27px !important; line-height: 32px !important; }
.fsize36 { font-size:30px !important; line-height: 36px !important; }
/* */
/* */
.mainlogomobile { padding:12px 0px 0px 12px; text-align: center; }
.ecomheadbar { height:65px; }
.ecomheadercompanyname { text-align:right; padding:13px 7px 0px 0px; color:#FFFFFF; }
.ecomheaderpagename { text-align:left; padding:13px 0px 0px 5px; color:#FFFFFF; }
.ecomheadermobilespacer { height:50px; }
.ecomheadermobilezipbar { height:41px; }
.ecomheadbarquick { padding-top:4px; padding-bottom:4px; background-color: #f4f4f4; }
.ecomheadbarquicklink { color:#ED806B; text-decoration: none; }
.searchresulthead { }
/* */
/* */
.ecomnavareaspacer { height:50px; }
.ecomnavsub { max-height: 400px; left: 2%; right: 2%; z-index: 1000; padding: 20px 30px 20px 30px; }
.ecomnavlinkbox { color: #FFFFFF !important; margin:0px; height:auto; padding:17px 20px 0px 0px; cursor: Pointer; }
.ecomnavlinkboxspacer { margin-right:10px; }
/* */
/* */
.orderoverviewshipping { float:none; width: 100%; 0px; padding: 20px 20px 20px 20px; box-shadow: 0px 0px 9px -3px #888; font-size: 15px; border-radius: 6px; margin-bottom:30px; }
.orderoverviewbilling { float:none; width: 100%; border-bottom: 0px; padding: 20px 20px 20px 20px; box-shadow: 0px 0px 9px -3px #888; font-size: 15px; border-radius: 6px; margin-bottom:30px; }
/* */
/* */
.layoverwhitef1regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef1medium { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1medium { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1medium { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef1light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef1light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef1light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2regular { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2bold { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2bold { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2bold { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.layoverwhitef2light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #FFFFFF; }
.layoverbluef2light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #000000; }
.layoverlightbluef2light { padding: 1px 0px !important; font-size: 18px; line-height: 22px; margin:0px 0px 0px 0px; !important; color: #666666; }
.h2white { padding: 1px 0px !important; font-size: 35px; line-height: 40px; margin:0px !important; color: #FFFFFF; }
.h2whitexxl { padding: 1px 0px !important; font-size: 28px; line-height: 30px; margin:0px 0px 10px 0px !important; color: #FFFFFF; }
.h2whiteneg { padding: 1px 10px !important; font-size: 40px; line-height: 40px; margin:0px !important; background-color: #ED806B; color: #FFFFFF; }
.h2thinwhitexxl { padding: 1px 0px !important; font-size: 24px; line-height: 26px; margin:0px 0px 10px 0px !important; color: #FFFFFF; text-shadow: 0px 0px 10px #CCC; }
/* */
/* */
.sliderwhite { padding: 1px 0px !important; font-size: 17px; line-height: 21px; margin:0px 0px 0px 0px !important; color: #FFFFFF; }
.sliderblue { padding: 1px 0px !important; font-size: 17px; line-height: 21px; color: #000000; }
.sliderwhitenegxx { padding: 1px 10px !important; font-size: 17px; width: max-content; line-height: 21px; margin:0px !important; background-color: #000000; color: #FFFFFF; }
.sliderwhiteneg { padding: 0px 4px !important; font-size: 14px; width: max-content; line-height: 19px; margin: 3px 0px !important; background-color: #000000; color: #FFFFFF; }
.sliderwhiteneg2 { padding: 0px 4px !important; font-size: 14px; width: max-content; line-height: 19px; margin: 3px 0px !important; background-color: #ED806B; color: #FFFFFF; }
.h1slider { margin-top: 0px !important; margin-bottom: 10px !important; font-size: 36px; color: #ED806B; }
.h2slider { margin: 10px 0px 20px 0px !important; font-size: 36px; color: #ED806B; }
.h3slider { margin-top: 0px !important; font-size: 36px; color: #000000; }
.h4slider { margin: 10px 0px 10px 0px !important; font-size: 16px; font-weight:600; }
.h5slider { margin-top: 0px !important; font-size: 1.5rem; color: #000000; }
.h6slider { margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem; color: #000000; }
.sliderthinwhite { padding: 1px 0px !important; font-size: 17px; line-height: 21px; margin:0 0 0 0 !important; color: #FFFFFF; }
/* */
/* */
.basketbtnnext { width: 100%; float:none; }
.bynbtncode { width: 100%; float:none; }
.bync2a1positionbc { position: relative; width: 100%; margin-top:35px; bottom: auto; left: auto; right: auto; }
.bync2a1positionin { }
/* */
/* */
.calltoactionheadline { font-size: 26px; line-height: 30px; }
.calltoactiontext { font-size: 16px; line-height: 18px; }
.calltoactionbotton { position:relative; bottom:auto; margin-top:20px; }
.calltoactionbottonrc { position:relative; top:auto; right:auto; margin-bottom:20px; padding:10px 60px; font-size: 14px; line-height: 18px; text-align:center; color:#FFFFFF; background-color: #ED806B; cursor:Pointer; }
/* */
/* */
.productOverviewName2 { text-align:center; margin: 0px 0px 10px 0px !important; font-size: 16px; line-height: 25px; color: #000000; }
.groupOverviewHeader { margin-bottom:15px; margin-top:45px; }
.productOverviewNameBox { margin: 0px 0px 5px 0px; padding:0px 10px; text-align: left; height: 37px; width: 100%; overflow: hidden; }
.productOverviewSublineBox { padding:0px 0px 0px 0px; padding:0px 10px; text-align:left; height: 55px; width: 100%; overflow: hidden; }
.productOverviewSubline { text-align:center; margin: 0px 0px 0px 0px !important; font-size: 13px; line-height: 16px; color: #000000; }
.productOverviewPriceBox { padding:0px 0px 0px 0px; text-align:center; width: 100%; height:35px; }
.productOverviewPrice { color:#000000; font-size:16px; line-height: 20px; padding:0px; margin:0px; }
.productOverviewInfoBox { height:130px; }
.productOverviewName { text-align:center; margin: 0px 0px 0px 0px !important; font-size: 15px; line-height: 18px; color: #666666; }
.productOverviewSubline { font-size: 14px; line-height: 16px; padding-top: 5px; }
.productOverviewDetailsButton { font-size: 13px; padding:5px 20px; }
.productOverviewVariantsText { margin-right:3px; margin-left:3px; padding:2px 7px; line-height: 12px; font-size:10px; background-color:#FFFFFF; border-radius:0px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; width: max-content; }
.productOverviewPriceStrike { color:#FFFFFF; font-size:13px; line-height: 20px; padding:0px; margin:0px; text-decoration: line-through; }
/* */
/* */
.designSelectionPrice { margin: 0px 0px 0px 0px !important; font-size: 14px; font-weight: 400; color: #000000; }
.productdetailsimageboxdealtime { position:absolute; text-align:center;bottom: 20px; right: 60px; z-index: 100; line-height: 16px; padding:2px 4px 2px 4px; background-color:rgba(255,255,255,0.90); color:#000000; box-shadow: 0px 0px 9px -3px #888; font-size: 15px; }
.productdetailsimageboxdealtimetext { color:#000000; font-size:14px; }
.productdetailsimageboxdealtimetoday { position:absolute; text-align:center;bottom: 20px; right: 60px; z-index: 100; line-height: 16px; padding:5px 4px 2px 4px; background-color:rgba(255,255,255,0.90); color:#000000; box-shadow: 0px 0px 9px -3px #888; font-size: 15px; }
.productdetailsimageboxdealtimetodaytext { color:#000000; font-size:21px; }
.productdetailsimageboxdealtimetodaytext2 { color:#000000; font-size:17px; }
.productdetailspricearea { margin-top:0px; margin-bottom:0px; }
.productdetailspricebox { color:#000000; font-size:24px; line-height: 30px; padding:0px; margin:0px; }
.productdetailsustship { font-size:13px; line-height: 17px; color:#000000; padding:5px 0px; }
.productdetailsimagezoomdesc { font-size:13px; line-height: 17px; color:#000000; padding:5px 0px; text-align: center; }
.productDetailsDescriptionArea { margin:50px 10px 0px 10px !important; padding:15px; border-radius:6px; /*box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px;*/ }
/* */
/* */
.basketheadbar { display:none; }
.basketentry { border-bottom:0px; padding:10px 0px 10px 0px; box-shadow: 0px 0px 9px -3px #888; font-size: 15px; border-radius: 6px; }
.basketentryactionsbtn { float:left; margin-right:20px; }
.basketentryprice { font-size:15px; text-align: left; }
.basketentrypricetext { color:#666666; text-align: left; }
.basketentrypricesingle { font-size:15px; text-align: left; }
.basketentrypricesingletext { color:#666666; text-align: left; }
.basketentryqty { font-size:15px; text-align: left; }
.basketentryqtytext { color:#666666; text-align: left; }
.basketentryprictext { color:#666666; text-align: left; }
.basketsummary { font-size:18px; color:#000000; width:120px; float:right; }
.basketsummarydesc { font-size:18px; color:#000000; width:190px; float:right; text-align: right; padding-right: 25px; }
.basketsummarytotal { font-family: "Font2B"; font-size:18px; color:#000000; width:120px; float:right; }
.basketsummarydesctotal { font-family: "Font2B"; font-size:18px; color:#000000; width:190px; float:right; text-align: right; padding-right: 25px; }
.basketsummaryfin { font-size:18px; color:#000000; width:120px; float:right; }
.basketsummarydescfin { font-size:18px; color:#000000; width:190px; float:right; text-align: right; padding-right: 25px; }
.basketentryactions { margin-top:10px; }
.basketentrytoppadding { padding-top:10px; }
.basketEntitiesNumMob { position: absolute; margin-top: 0px; font-size: 12px; font-weight: 600; color: #E52030; padding: 0px 0px 0px 37px; border-radius: 30px; cursor: pointer; width: 21px; height: 21px; text-align: center; width:100%; }
/* */
/* */
.byngeocheckzipheaderboxtext { color: #000000; padding: 7px 20px 7px 7px; font-size: 16px; background-color: transparent; border:0px; text-align: center; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: hidden; }
.byngeocheckzipheaderFailedText { margin-top: 0px !important; font-size: 25px; color: #ED806B; }
.byngeocheckzipheaderok { padding: 0px 0px 0px 0px !important; width: 100%; text-align: center; border-radius: 0px; border: 0px; box-shadow: 0px 0px 3px #D0CCCC; background:#FFFFFF url(../imagescustomer/plzcheckheadok.png) center right no-repeat; }
.csvipheadline { margin-top: 0px !important; font-size: 20px; color: #000000; letter-spacing: 0px; }
/* */
/* */
.registerFormRight { padding:25px 20px; margin-top:0px; }
.registerbtncustomwidth { width: 100%; }
/* */
/* */
/* */
.imagetextwhite { font-size:20px; color:#FFFFFF; }
.imagetextblack { font-size:20px; color:#000000; }
.imagetextblue { font-size:20px; color:#000000; }
.imagetextpink { font-size:20px; color:#ED806B; }
.imagetextbigwhite { font-size:17px; color:#FFFFFF; line-height: 19px; }
.imagetextbigblack { font-size:17px; color:#000000; line-height: 19px; }
.imagetextbigblue { font-size:17px; color:#000000; line-height: 19px; }
.imagetextbigpink { font-size:17px; color:#ED806B; line-height: 19px; }
/* */
}
@media screen and (max-width: 540px) {
.productOverviewSubline { display:block; }
.searchProposalEntryFirst { padding:10px 0 10px 0; }
.searchProposalEntry { padding:10px 0 10px 0; }
.h2thinbluexxl { font-size: 30px; line-height: 34px; margin:0px 0px 10px 0px !important; }
.h2whiteneg { font-family: "FontB"; width: max-content; padding: 1px 10px !important; font-size: 30px; line-height: 30px; margin:0px !important; background-color: #ED806B; color: #FFFFFF; }
.imagesublinetext { font-size:15px; margin-top: 5px; }
.h2whitethin { font-family: "FontR"; padding: 1px 0px !important; font-size: 26px; line-height: 30px; margin:0px 0px 10px 0px; !important; color: #FFFFFF; }
}
/* -- Global ------------ */
.hellcolor {
color: #FFF;
}
.dunkelcolor {
color: #000;
}
.containerFilter a.btn, .containerFilter button.btn,
.paymentbutton {
line-height: 1.42;
text-decoration: none;
text-align: center;
white-space: normal;
font-size: 16px;
font-weight: 700;
display: inline-block;
padding: 5px 15px;
margin: 0px;
width: auto;
min-width: 90px;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 50px;
color: #666;
position: relative;
overflow: hidden;
transition: background .2s ease 0s;
}
.containerFilter a.btn, .containerFilter button.btn {
padding: 11px 20px;
margin: 20px 10px 0;
color: #fff;
background: #02ccc5;
}
.containerFilter a.btn:hover, .containerFilter button.btn:hover,
.paymentbutton:hover {
background: #04fdf4;
transition-delay: .25s;
}
#paymant button.btn {
margin-top: 0px;
margin-bottom: 10px;
}
.header_model_select {
width: 220px;
}
/* -- HEADER ------------ */
.btn_model_selector {
height: 24px;
z-index: 1;
position: relative;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
width: 100%;
padding: 0 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
overflow: hidden;
}
.btn_model_selector::after {
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
content: '';
}
.mobile_topnav {
display: inline-flex;
}
.mobile_topnav .header_model_select {
width: 200px;
}
.mobile_topnav .btn_model_selector {
height: 30px;
}
.header_model_select.is-active .modal_model_selector {
display: block;
}
.modal_model_selector {
display: none;
position: absolute;
padding: 10px;
/*overflow: hidden scroll;*/
height: auto;
width: auto;
max-height: 390px;
max-width: 300px;
background-color: rgb(255, 255, 255);
border: 1px solid rgb(231, 231, 231);
z-index: 1;
}
.modal_model_selector input[type=text] {
width: 100%;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
background-image: url('../images/search_icon_black.svg');
background-size: 20px;
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 8px 20px 8px 40px;
}
.model_selector_results {
margin-top: 10px;
overflow: hidden scroll;
height: auto;
max-height: 280px;
}
.model_selector_results ul{
list-style: none;
margin: 0;
padding: 0;
}
.model_selector_results ul li.brand{
padding-left: 10px;
padding-top: 5px;
font-size: 18px;
font-weight: bold;
}
.model_selector_results ul li.model{
padding-left: 20px;
padding-top: 5px;
}
.current_model{
margin-top: 10px;
}
.ClearFilterModel {
margin-left: 15px;
color: #F00;
cursor: pointer;
}
.mobile_topnav .languageSelector {
margin-left: 15px;
margin-top: 2px;
}
.mobile_topnav .shopSelector {
margin-left: 15px;
margin-top: 0px;
}
.mobile_topnav .languageSelectionBox {
top: 40px;
margin-left: -30px;
}
.mobile_topnav .shopSelectionBox {
top: 40px;
}
/* -- HERO ------------ */
.lSSlideOuter {
max-height: 853px;
min-height: 150px;
}
.hero_text.sliderTextboxBackground {
position: initial!important;
}
.hero_text-content {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hero_text-content.vertical-center{
/*top: 300px;*/
}
.hero_text-content.horizontal-left{
text-align: left;
padding-left: 80px;
}
.hero_text-content.horizontal-right{
text-align: right;
padding-right: 80px;
}
.hero_text.hellcolor h2 {
color: #FFF;
}
.hero_text.dunkelcolor h2 {
color: #000;
}
/* -------------- */
.three_blocks_section {
display: flex;
}
.three_blocks_section .block_section {
width: 33%;
}
.three_blocks_section .block_section_text {
height: 150px;
text-align: center;
font-size: 32px;
line-height: 40px;
}
.three_blocks_section .block_section_text p {
padding: 30px 30px 0;
}
.three_blocks_section .block_section_img {
text-align: center;
}
.three_blocks_section .block_section_img img {
width: 100%;
height: auto;
max-width: 200px;
}
@media screen and (max-width: 969px) {
.three_blocks_section .block_section_text {
height: auto;
font-size: 18px;
line-height: 22px;
}
.three_blocks_section .block_section_img img {
max-width: 150px;
}
}
@media screen and (max-width: 540px) {
.three_blocks_section {
display: block;
}
.three_blocks_section .block_section {
width: 100%;
}
.three_blocks_section .block_section_text {
height: auto;
font-size: 18px;
line-height: 22px;
}
.three_blocks_section .block_section_img img {
max-width: 150px;
}
}
/*--------------*/
.textbox.dunkel a,
.textbox.hell a {
color: inherit;
}
.textbox.dunkel a:hover,
.textbox.hell a:hover{
text-decoration: none;
}
.hp_search .stickyseach{
max-width: 600px;
margin: 0 auto;
}
.hp_search .stickyseach form{
display: flex;
}
.hp_search .stickyseach .ecomnavsearchbar{
width: 100%;
}
.hp_search .stickyseach input.searchformdesktop{
border-radius: 0;
flex: 1 1 auto;
margin: 0;
min-width: 0;
background-color: #FFF;
border: #000 1px solid;
max-width: 100%;
padding: 14px 10px;
color: #000;
text-align: left;
}
.hp_search .btn {
position: relative;
overflow: hidden;
transition: background .2s ease 0s;
border-radius: 0 50px 50px 0;
text-decoration: none;
display: inline-block;
padding: 13px 20px;
margin: 0;
width: auto;
min-width: 90px;
border: 2px solid transparent;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #fff;
background: #02ccc5;
}
.hp_search .btn:hover {
background: #04fdf4;
transition-delay: .25s;
}
.hp_search .btn .icon-search {
color: #FFF;
width: 24px;
height: 24px;
vertical-align: middle;
}
.hp_search .btn .icon-search path {
fill: none !important;
stroke-width: 3px;
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
}
.hp_search .icon__fallback-text {
clip: rect(0,0,0,0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
@media screen and (max-width: 540px) {
.contentrow.hp_search {
margin-left: 0px !important;
margin-right: 0px !important;
}
.hp_search .btn {
padding: 11px 10px;
min-width: 40px;
}
}
.hp_fluid_block {
margin-bottom: 25px;
text-align: center;
background-repeat: no-repeat;
padding: 40px 40px 0 40px;
height: 580px!important;
max-height: 580px!important;
background-size: 610px;
background-color: #fafbfc;
background-position: 50% 100%;
}
.hp_fluid_block .textbox .title {
font-size: 34px;
font-weight: bold;
line-height: 35px;
}
.hp_fluid_block .textbox .text {
font-size: 20px;
margin-bottom: 0;
line-height: 22px;
}
.hp_fluid_block .textbox.hell{
color: #FFF;
}
.hp_fluid_block .textbox.dunkel{
color: #000;
}
.hp_fluid_block .textbox .btn {
line-height: 1.42;
text-decoration: none;
text-align: center;
white-space: normal;
font-size: 16px;
font-weight: 700;
display: inline-block;
padding: 11px 20px;
margin: 20px 10px 0;;
width: auto;
min-width: 90px;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 50px;
color: #fff;
background: #02ccc5;
position: relative;
overflow: hidden;
transition: background .2s ease 0s;
}
.hp_fluid_block .textbox .btn:hover {
background: #04fdf4;
transition-delay: .25s;
}
/* Listing Filters*/
.containerFilter {
margin-top: 0px;
}
.containerFilter .buttons {
display: flex;
justify-content: space-between;
}
.containerFilter .btnFilterOpener {
min-width: 200px;
margin-top: 0px;
text-align: left;
}
.btnFilterOpener svg {
width: 24px;
}
.btnFilterOpener path {
fill: none !important;
stroke-width: 2px;
stroke: currentColor !important;
stroke-linecap: round;
stroke-linejoin: round;
}
.containerFilter .btnSelectModel {
min-width: 200px;
margin-top: 0px;
}
.ModalModelSelector .brand_container {
display: flex;
padding: 20px 0;
border-top: 1px solid #eee;
}
.ModalModelSelector .brandName {
padding-left: 30px;
min-width: 300px;
max-width: 300px;
}
.ModalModelSelector .ModelsList {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.ModalModelSelector .ModelsList > a {
width: 50%;
flex: 0 0 auto;
}
.filterBox {
display: none;
background-color: #f2f5f7;
border: 1px solid #d2d2d2;
margin: 10px 10px;
padding: 20px;
height: auto;
max-height: 350px;
border-radius: 5px;
flex-wrap: wrap;
gap: 20px;
}
.containerFilter.hasActiveFilters .filterBox {
display: flex;
}
.filterBox > div {
width: 30%;
flex: 1 0 300px;
}
.filterBox .filter_title {
font-weight: bold;
}
.filterBox .model_select {
margin-right: 40px;
}
.filterBox .btn_model_selector {
height: 40px;
max-width: 300px;
}
.filterBox .model_select.is-active .modal_model_selector {
display: block;
}
.filterBox .categories_selector ul,
.filterBox .color_selector ul {
list-style: none;
padding-left: 0px;
}
.filterBox .categories_selector li {
margin-bottom: 20px;
}
.filterBox .color_selector li {
display: table;
margin-bottom: 10px;
}
.filterBox .categories_selector li div,
.filterBox .color_selector li div {
display: flex;
align-items: center;
}
.filterBox .color_selector .color_code {
width: 18px;
height: 18px;
border-radius: 18px;
margin-right: 5px;
}
.filterBox .categories_selector .selectSubCat,
.filterBox .color_selector .selectColor {
line-height: 12px;
font-size: 14px;
padding-left: 5px;
cursor: pointer;
min-width: 100px;
}
.filterBox .categories_selector .selectSubCat.is_selected,
.filterBox .color_selector .selectColor.is_selected {
font-weight: bold;
}
.filterBox .categories_selector .deselectSubCat,
.filterBox .color_selector .deselectColor {
padding-left: 20px;
color: #F00;
font-weight: bold;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.ModalModelSelector .brandName {
padding-left: 20px;
min-width: 200px;
max-width: 200px;
}
.ModalModelSelector .ModelsList > a {
width: 50%;
flex: 0 0 200px;
}
}
@media screen and (max-width: 540px) {
.containerFilter .btnFilterOpener {
min-width: 150px;
}
.containerFilter .btnSelectModel {
min-width: 150px;
}
.ModalModelSelector .brand_container {
display: block;
}
.ModalModelSelector .ModelsList > a {
width: 50%;
flex: 0 0 auto;
}
.filterBox {
max-height: inherit;
}
}
/* Modal Fenster*/
.modalFenster {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 9999; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modalFenster .modal-content {
background-color: #fefefe;
margin: auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 90%; /* Could be more or less, depending on screen size */
max-width: 1100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 90%;
overflow: scroll;
}
/* The Close Button */
.modalFenster .close {
color: #000;
position: absolute;
right: 30px;
font-size: 28px;
font-weight: bold;
}
.modalFenster .close:hover,
.modalFenster .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}